$theme-color: #D33527;
$font-color: #000000;





@mixin setScrollbar($color: #434b55, $bg-color: transparent, $w: 8px, $resizer-color: transparent) {
    &::-webkit-scrollbar-thumb {
        background-color: rgba($color, 0.0);
        border-radius: $w;
        transition: background-color 0.6s;
    }
    &:hover::-webkit-scrollbar-thumb {
        background-color: rgba($color, 0.2);
    }
    &::-webkit-scrollbar {
        max-width: $w;
        width: $w;
        height: 10px;
        cursor: pointer;
        border-radius: $w;
        background-color: $bg-color;
    }
    &::-webkit-scrollbar-track-piece {
        border-radius: $w;
        background-color: $resizer-color;
    }
    &::-webkit-scrollbar-corner {
        background-color: $resizer-color;
    }
    &::-webkit-resizer {
        background-color: $resizer-color;
    }
    // IE
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: $color;
    scrollbar-3dlight-color: $color;
    scrollbar-highlight-color:  $color;
    scrollbar-shadow-color: $color;
    scrollbar-base-color: $color;
    scrollbar-track-color: $bg-color;
    scrollbar-arrow-color: $bg-color;
}